.whole{
	width: 100%;
	height: 100%;
}
.mw{
	width: 100%;
}
.mh{
	height: 100%;
}
.upload-div {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000000;
    z-index: 3;
    top: 0;
    opacity: 0.3;
}
.Conter{
	width: 8.27rem;
	height: 11.68rem;
	box-shadow: 0 1px 6px 0 rgba(140,140,140,0.50);
	margin: auto;
	margin-top: 0.266667rem;
}
.renewal{
	color: #FFFFFF;
	z-index: 4;
}
.renewal>img {
    height: 0.4rem;
}
.input{
		display: none;
		outline: 0;
		background-color: #FFFFFF;
		border: none;
}
.upload-img{
		text-align: center;
}
/*第一页*/
.content1{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/fresh/b1.png) no-repeat;
	background-size:contain;
	position: relative;
}
.photoframe{
	position: relative;
	text-align: center;

}

.album-old{
	width: 100%;
	height: 100%;

}
.renewal{
		position: absolute;
		text-align: center;
}
.r1{

margin-top: 77%;
    margin-left: 38%;
}
.img1{
	width: 7.38rem;
	height:5.54666rem;
	position: absolute;
	margin-left:0.44rem;
	margin-top: 4.01333rem;
	overflow: hidden;
}
.text1{
position: absolute;
    width: 10.5rem;
    height: 1.2rem;
    margin-left: -1.1rem;
    margin-top: 9.57333rem;
    transform: scale(0.7,0.7);
	
}
/*第二页*/
.content2{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/fresh/b2.png) no-repeat;
	background-size:contain;
	position: relative;
}
.photoframe2{
	position: relative;
	text-align: center;

}
.img2{
	width:4.026666rem;
	height:5.36rem;
	 transform: rotate(12.04deg);
	position: absolute;
	margin-left:1.05333rem;
	margin-top:1.253333rem;
	overflow: hidden;
}
.r2{
	margin-top: 41%;
    margin-left: 26%;
}
.photoframe3{
	position: relative;
	text-align: center;
	margin-top: 5.9rem;
}
.r3{
	margin-left: 33%;
    margin-top: 27%;
}
.img3{
	width: 5.36rem;
	height: 4.026666rem;
	 transform: rotate(-6.71deg);
	position: absolute;
	right: 1.853333rem;
	margin-top:0.6666rem;
	overflow: hidden;
}
.photoframe2-img{
	position: absolute;
	margin-left: 0.21333rem;
	margin-top: 6.186666rem;
	z-index: 2;
}
.Input2{
	color: #333;
	overflow: hidden;
}
.text2{
	width: 2.3rem;
    height: 6.8rem;
    position: absolute;
    margin-top: 1.3rem;
    right: 0.1rem;
    transform: scale(0.7,0.7);
    writing-mode: vertical-rl;
	
}
/*第3页*/
.content3{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/fresh/b3.png) no-repeat;
	background-size:contain;
	position: relative;
}
.photoframe4{
	position: relative;
	text-align: center;
	
}

.img4{
	    position: absolute;
    width: 3.49333rem;
    height: 4.666rem;
    margin-top: 1.8rem;
    margin-left: 0.47rem;
    overflow: hidden;
}
.r4{
    margin-left: 14%;
    margin-top: 44%;
}
.img5{
	text-align: center;
	position: absolute;
    width: 4.16rem;
    height: 3.12rem;
    margin-top: 4.026666rem;
    right: 0.506666rem;
    overflow: hidden;
    z-index: 2;
}
.r5{
	margin-left: 55%;
    margin-top: 62%;
}
.r6{
	 margin-left: 30%;
    margin-top: 100%;
}
.img6{
	width: 5.85rem;
    height: 4.32rem;
    overflow: hidden;
    position: absolute;
    margin-left:0.42666rem;
    margin-top:6.77333rem;
 	text-align: center;
}
.text{
	overflow: hidden;
    border: 1px solid;
}
.text3{
	width: 4.7rem;
    height: 1.2rem;
    position: absolute;
    right: -0.2rem;
    margin-top: 2.4rem;
    border: 1px solid;
    transform: scale(0.7,0.7);
}
/*第四页*/
.content4{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/fresh/b4.png) no-repeat;
	background-size:contain;
	position: relative;
}
.r7{
	margin-left: 14%;
    margin-top: 42%;
}
.img7{
	width: 3.226666rem;
    height: 4.26666rem;
    overflow: hidden;
    position: absolute;
    margin-left: 0.69333rem;
    margin-top: 1.94666rem;
    transform: rotate(-3.48deg);
 	text-align: center;
 	z-index: 1;
}
.r8{
	margin-left: 59%;
    margin-top: 41%;
}
.img8{
	width: 3.226666rem;
    height: 4.26666rem;
    overflow: hidden;
    position: absolute;
    right:0.69333rem;
   margin-top: 1.94666rem;
    text-align: center;
     transform: rotate(3deg);
}
.r9{
	margin-left: 15%;
    margin-top: 99%;
}
.img9{
	width: 3.226666rem;
    height: 4.26666rem;
    overflow: hidden;
    position: absolute;
    margin-left: 0.69333rem;
    margin-top: 6.7rem;
    text-align: center;
     transform: rotate(4.79deg);
}
.r10{
	margin-left: 58%;
    margin-top: 99%;
}
.img10{
   width: 3.226666rem;
    height: 4.26666rem;
    overflow: hidden;
    position: absolute;
   right:0.69333rem;
   margin-top: 6.7rem;
    text-align: center;
    transform: rotate(-3.86deg);
}
.text4{
	position: absolute;
	width:6.9rem;
	height:0.9rem;
	margin-top: 0.8rem;
	margin-left:1rem;
	transform: scale(0.7,0.7);
}
/*第5页*/
.content5{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/fresh/b5.jpg) no-repeat;
	background-size:contain;
	position: relative;
}

.r11{
	margin-left: 9%;
    margin-top: 44%;
}
.img11{
       width: 2.37333rem;
    height:3.14666rem;
    overflow: hidden;
    position: absolute;
    margin-left: 0.72rem;
    margin-top: 2.64rem;
    text-align: center;
}
.r12{
	margin-left: 54%;
    margin-top: 44%;
}
.img12{
	width:4.13333rem;
    height: 3.12rem;
    overflow: hidden;
    position: absolute;
    margin-left: 3.49333rem;
 margin-top: 2.64rem;
}
.r13{
 margin-left: 12%;
    margin-top: 82%;
}
.img13{
	width:2.69333rem;
    height:2.05333rem;
     overflow: hidden;
    position: absolute;
    margin-left:0.74666rem;
    margin-top:6.24rem;
}
.r14{
	    margin-left: 51%;
    margin-top: 96%;
}
.img14{
	width:2.853333rem;
    height:3.78666rem;
    overflow: hidden;
    position: absolute;
    margin-left:3.97333rem;
    margin-top:6.62666rem;
}
.r15{
	     margin-left: 13%;
    margin-top: 111%;
}
.img15{
	width: 2.67333rem;
    height: 2.05333rem;
    overflow: hidden;
    position: absolute;
    margin-left: 0.746666rem;
    margin-top: 8.64rem;
}
.text5{
	    width: 6.42666rem;
    height: 1rem;
    position: absolute;
    margin-left: 1.32rem;
    margin-top: 1.3rem;
    border: 1px solid;
    transform: scale(0.7,0.7);
}
/*第6页*/
.content6{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/fresh/b6.png) no-repeat;
	background-size:contain;
	position: relative;
}
.r16{
	margin-left: 36%;
    margin-top: 63%;
}
.img16{
	width: 4.64rem;
    height:6.213333rem;
    overflow: hidden;
    position: absolute;
    margin-left: 1.813333rem;
    margin-top: 2.58666rem;
}
.text6{
	    width: 6.69333rem;
    height: 1rem;
    position: absolute;
    margin-left: 0.7333rem;
    margin-top: 9.626666rem;
    border: 1px solid;
    transform: scale(0.7,0.7);
}
/*第7页*/
.content7{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/fresh/b7.png) no-repeat;
	background-size:contain;
	position: relative;
}
.r17{
	 margin-left: 52%;
    margin-top: 33%;
}
.img17{
	width: 3.17333rem;
    height: 4.213333rem;
    overflow: hidden;
    position: absolute;
    margin-left: 4rem;
    margin-top: 1.2rem;
    transform: rotate(12.25deg);
}
.r18{
	margin-left: 38%;
    margin-top: 95%;
}
.img18{
	width: 6.26666rem;
    height:4.746666rem;
    overflow: hidden;
    position: absolute;
    margin-left:1.013333rem;
    margin-top:5.92rem;
}
/*第8页*/
.content8{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/fresh/b8.png) no-repeat;
	background-size:contain;
	position: relative;
}
.r19{
	 margin-left: 16%;
    margin-top: 39%;
}
.img19{
	width: 3.46666rem;
    height:4.45333rem;
    overflow: hidden;
    position: absolute;
  margin-left: 0.58rem;
    margin-top:1.573333rem;
     transform: rotate(-3.48deg);
}
.r20{
	margin-left: 59%;
    margin-top: 45%;
}
.img20{
	width: 3.413333rem;
    height:4.426666rem;
    overflow: hidden;
    position: absolute;
   margin-left:4.266666rem;
    margin-top:2.0266666rem;
      transform: rotate(2.7deg);
}
.r21{
	margin-left: 14%;
    margin-top: 98%;
}
.img21{
	width: 3.173333rem;
    height:4.08rem;
    overflow: hidden;
    position: absolute;
    margin-left:0.693333rem;
    margin-top:6.61333rem;
    transform: rotate(-3.76deg);
}
.r22{
	margin-left: 57%;
    margin-top: 102%;
}
.img22{
	width: 3.6rem;
    height:4.773333rem;
    overflow: hidden;
    position: absolute;
    margin-left:4.08rem;
    margin-top:6.53333rem;
   
}
.text7{
	    width: 4.59333rem;
    height: 1rem;
    position: absolute;
    margin-left: 3.85333rem;
    margin-top: 0.4rem;
    border: 1px solid;
    transform: scale(0.7,0.7);
}
/*第9页*/
.content9{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/fresh/b9.png) no-repeat;
	background-size:contain;
	position: relative;
}
.r22{
	margin-left: 9%;
    margin-top: 44%;
}
.img22{
       width: 2.37333rem;
    height:3.14666rem;
    overflow: hidden;
    position: absolute;
    margin-left: 0.72rem;
    margin-top: 2.64rem;
    text-align: center;
}
.r23{
	margin-left: 54%;
    margin-top: 44%;
}
.img23{
	width:4.13333rem;
    height: 3.12rem;
    overflow: hidden;
    position: absolute;
    margin-left: 3.49333rem;
 margin-top: 2.64rem;
}
.r24{
 margin-left: 12%;
    margin-top: 82%;
}
.img24{
	width:2.69333rem;
    height:2.05333rem;
     overflow: hidden;
    position: absolute;
    margin-left:0.74666rem;
    margin-top:6.24rem;
}
.r25{
	    margin-left: 51%;
    margin-top: 96%;
}
.img25{
	width:2.853333rem;
    height:3.78666rem;
    overflow: hidden;
    position: absolute;
    margin-left:3.97333rem;
    margin-top:6.62666rem;
}
.r26{
	     margin-left: 13%;
    margin-top: 111%;
}
.img26{
	width: 2.67333rem;
    height: 2.05333rem;
    overflow: hidden;
    position: absolute;
    margin-left: 0.746666rem;
    margin-top: 8.64rem;
}
/*语音*/
.In{
	width: 10rem;
	height: 5rem;
	display: none;
	z-index:100;
	position: absolute;
	margin-left: -0.9rem;
	margin-top: -0.25rem;
}
.In2,.In3,.In4,.In5{
	margin-top: 10.9rem;
}
.wan,.qu{
	position: absolute;
	font-size: 16px;
	color:rgb(135,225,163);
	right:0.42rem ;
	margin-top: 0.5rem;
	
}
.qu{
	left:0.42rem ;
	color: gb(255,255,255);
}